<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="help.css" rel="stylesheet" type="text/css" />
<link href="SyntaxHighlighter.css" rel="stylesheet" type="text/css" />
</head>

<body>
<p><img src="saibamais.jpg" width="270" height="50" alt="Saiba Mais" /></p>
<p><strong>Recomenda&ccedil;&atilde;o 1.11 </strong>- Fornecer um equivalente textual a  cada imagem (isso abrange: <strong>&nbsp;</strong>representa&ccedil;&otilde;es gr&aacute;ficas do texto, incluindo s&iacute;mbolos, GIFs  animados, imagens utilizadas como&nbsp;  sinalizadores de pontos de enumera&ccedil;&atilde;o, espa&ccedil;adores e bot&otilde;es gr&aacute;ficos),  para tanto, utiliza-se&nbsp; o atributo &ldquo;alt&rdquo;  ou &ldquo;longdesc&rdquo; em cada imagem.&nbsp; </p>
<p>Imagens  decorativas ou de acabamento: no caso de uma imagem ter apenas um fim  decorativo ou de acabamento, como o  canto arredondado de uma tabela ou uma r&eacute;gua separadora utiliza- se o atributo  alt com um espa&ccedil;o em branco.</p>
<p><strong>No  c&oacute;digo html:</strong></p>
<div class="dp-highlighter">
  <ol class="dp-j" start="1">
    <li class="alt">&lt;img  src=&rdquo;canto_tabela.gif&rdquo; alt=&rdquo; &rdquo;&gt;&nbsp;</li>
  </ol>
</div>
<p><br />
Para  uma imagem meramente ilustrativa ou representa&ccedil;&otilde;es gr&aacute;ficas de texto, faz-se  apenas uma breve descri&ccedil;&atilde;o desta forma: </p>
<p>&nbsp;</p>
<p><img src="1.11.jpg" alt="carro" width="333" height="185" /></p>
<p>&nbsp;</p>
<p><strong>No  c&oacute;digo html:</strong></p>
<div class="dp-highlighter">
  <ol class="dp-j" start="1">
    <li class="alt">&lt;img  src=&rdquo;carro.jpg&rdquo; alt=&rdquo;Foto de um carro abobora.&rdquo;&gt; </li>
  </ol>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img src="1.10_clip_image006.gif" alt="d" width="181" height="136" align="left" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>No  c&oacute;digo html:&nbsp;</strong></p>
<div class="dp-highlighter">
  <ol class="dp-j" start="1">
    <li class="alt">&lt;img  src=&rdquo;titulo.gif&rdquo; alt=&rdquo;A pedra e o metal&rdquo;&gt; </li>
  </ol>
</div>
<p> <br />
O  atributo &ldquo;longdesc&rdquo; foi criado para situa&ccedil;&otilde;es em que a descri&ccedil;&atilde;o a ser feita  deve ser mais&nbsp; longa do que a permitida  pelo atributo &ldquo;alt&rdquo;. </p>
<p>&nbsp;</p>
<p><strong><img src="1.11b.jpg" alt="orquideas" width="192" height="160" /></strong></p>
<p>&nbsp;</p>
<p><strong>No c&oacute;digo html: </strong></p>
<div class="dp-highlighter">
  <ol class="dp-j" start="1">
    <li class="alt">&lt;img  src=&rdquo;orquideas.jpg&rdquo; longdesc=&rdquo;orquideas.htm&rdquo; alt=&rdquo;Foto de&nbsp; diferentes orqu&iacute;deas.&rdquo;&gt; </li>
  </ol>
</div>
<p>O  documento &ldquo;orquideas.htm&rdquo; possui um texto com a descri&ccedil;&atilde;o mais detalhada da  imagem.&nbsp; </p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>No caso de gr&aacute;ficos assegurar que os leitores de tela  possam extrair a informa&ccedil;&atilde;o significativa. Por exemplo, uma descri&ccedil;&atilde;o textual da informa&ccedil;&atilde;o transmitida atrav&eacute;s de  um gr&aacute;fico em pizza&nbsp; deve estar  dispon&iacute;vel atrav&eacute;s da utiliza&ccedil;&atilde;o do &ldquo;alt&rdquo;ou&ldquo;longdesc&rdquo; de maneira que os dados  do gr&aacute;fico possam ser compreendidos pelo  usu&aacute;rio. </p>
<p><img alt="http://www.geocities.com/andre_nho/est_dados/grafico2.jpg" src="http://www.geocities.com/andre_nho/est_dados/grafico2.jpg" /></p>
  <p>&nbsp;</p>
<p><strong>No c&oacute;digo html: </strong></p>
<div class="dp-highlighter">
  <ol class="dp-j" start="1">
    <li class="alt">&lt;img  src=&rdquo;grafico.gif&rdquo;&nbsp; longdesc=&rdquo;grafico.htm&rdquo; alt=&rdquo;distribui&ccedil;&atilde;o  de espa&ccedil;o em&nbsp; p&aacute;ginas&rdquo;&gt; </li>
  </ol>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>
